.PxToRem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.Flex{
    display:flex;
}
.line-height(@arg){.px2rem(line-height, @arg);}
.font-size(@arg){.px2rem(font-size, @arg);}
.font(@fz,@color){
    .px2rem(font-size,@fz);
    color: @color;
}
.border-bottom(@px,@xian,@color){
    .px2rem(border-bottom-width,@px);
    border-bottom-style: @xian;
    border-bottom-color: @color;
}
.border-top(@px,@xian,@color){
    .px2rem(border-top-width,@px);
    border-top-style: @xian;
    border-top-color: @color;
}
.border(@px,@xian,@color){.px2rem(border-width,@px);border-style: @xian; border-color: @color;}
.padding-top(@top){.px2rem(padding-top, @top);}
.padding-right(@right){.px2rem(padding-right, @right);}
.padding-bottom(@bottom){.px2rem(padding-bottom, @bottom);}
.padding-left(@left){.px2rem(padding-left, @left);}
.padding(@top,@right,@bottom,@left){
   .px2rem(padding-top,@top);
   .px2rem(padding-right,@right);
   .px2rem(padding-bottom,@bottom);
   .px2rem(padding-left,@left);
}
.margin-top(@top){.px2rem(margin-top, @top);}
.margin-right(@right){.px2rem(margin-right, @right);}
.margin-bottom(@bottom){.px2rem(margin-bottom, @bottom);}
.margin-left(@left){.px2rem(margin-left, @left);}
.margin(@top,@right,@bottom,@left){
   .px2rem(margin-top,@top);
   .px2rem(margin-right,@right);
   .px2rem(margin-bottom,@bottom);
   .px2rem(margin-left,@left);
}
.Reg_serve_header{
    .PxToRem(height,88);
    .PxToRem(font-size,35);
    .Flex;
    justify-content: space-between;
    align-items: center;
    background: url(../imgs/Reg_serve_bg01.jpg);
    padding-left: 2%;
    position: fixed;
    top: 0;
    width: 100%;
    p:nth-child(1){
        img{
            .PxToRem(width,55);
            .PxToRem(height,53);
        }
    }
    p{
      .PxToRem(font-size,35);
    }
    .gasl{
         .PxToRem(margin-left,-70);
    }
}
main{
    .PxToRem(padding-top,88);
    .Reg_serve_section_1{
        img{
           width: 100%;
           .PxToRem(height,307);
        }
    }
    .Reg_serve_section_2{
        .PxToRem(margin-top,30);
        .Flex;
        align-items: center;
        font-weight: bold;
        .PxToRem(font-size,26);
            p:nth-child(1){
                padding-left: 2%;
                img{
                    .PxToRem(width,45);
                    .PxToRem(height,45);
                }
            }
            p:nth-child(2){
                padding-left: 2%;
            }
        }
    .Reg_serve_section_3{
        .PxToRem(margin-top,70);
        display: flex;
        justify-content: center;
        .PxToRem(margin-bottom,50);
            img{
                .PxToRem(width,270);
                .PxToRem(height,83);
            }
        }
    .Reg_serve_section_padding_leftright{   
        padding-left: 6%;
        padding-right: 6%;
    }
    .Reg_serve_section_4{
        p{
            .PxToRem(line-height,40);
            .PxToRem(font-size,22);
        }
    }
    .Reg_serve_section_5{
        img{
            .PxToRem(width,659);
            .PxToRem(height,229);
            .PxToRem(padding-top,25);
            .PxToRem(padding-bottom,25);
        }
    }
    .Reg_serve_section_6{
        p{
             color: #848484;
            .PxToRem(line-height,36);
            .PxToRem(font-size,24);
        }
    }
    .Reg_serve_section_7{
        .PxToRem(margin-top,70);
        .Flex;
        justify-content: center;
        .PxToRem(margin-bottom,50);
            img{
                .PxToRem(width,270);
                .PxToRem(height,83);
            }
        }
    .Reg_serve_nav_1{
        .Flex;
        .PxToRem(padding-bottom,30);
        img{
             .PxToRem(width,6);
             .PxToRem(height,34);
        }
        p{
            .PxToRem(padding-left,10);
            .PxToRem(font-size,28);
        }
    }
    .Reg_serve_section_8{
       p{
           .PxToRem(line-height,34);
           .PxToRem(font-size,24);  
       }
    }
    .Reg_serve_section_9{
       .PxToRem(height,170);
       .PxToRem(line-height,34);
       .PxToRem(font-size,24);
       .PxToRem(padding-left,55);
       .PxToRem(padding-right,55);
       .PxToRem(margin-top,35);
       .PxToRem(margin-bottom,45);
       background: #f1fdef;
       color: #a6c4aa;
       p{
            text-align: center;
            .PxToRem(padding-top,25);
            .PxToRem(padding-bottom,5);
       }
       dl{
            .PxToRem(line-height,40);
       }
    }
     .Reg_serve_nav_2{
        .Flex;
        img{
             .PxToRem(width,6);
             .PxToRem(height,34);
        }
        p{
            .PxToRem(padding-left,10);
            .PxToRem(font-size,28);
        }
    }
    .Reg_serve_section_10{
        .Flex;
        flex-wrap: wrap;
        dl{ 
            width: 50%;
            text-align: center;
            dd{
                img{
                   .PxToRem(width,220);
                   .PxToRem(height,200);
                   .PxToRem(margin-top,50);
                   .PxToRem(margin-bottom,25);
                }
            }
            dt{
            
                p:nth-child(1){
                    .PxToRem(font-size,24);
                }
                p:nth-child(2){
                    .PxToRem(font-size,20);
                    color: #747474;
                }
            }
        }
    }
    .Reg_serve_section_11{
       .PxToRem(height,305);
       .PxToRem(line-height,34);
       .PxToRem(font-size,24);
       .PxToRem(padding-left,55);
       .PxToRem(padding-right,55);
       .PxToRem(margin-top,35);
       .PxToRem(margin-bottom,45);
       background: #f1fdef;
       color: #a6c4aa;
       p{
            text-align: center;
            .PxToRem(padding-top,25);
            .PxToRem(padding-bottom,5);
       }
       dl{
            .PxToRem(line-height,40);
       }
    }
}